<template>
	<view class="result_box">
		<view class="utils_patternOne result_content">
			<view class="utils_title">
				<view class="title_text">
					<text class="title_left_text">跟进结果</text>
					<view class="tips"></view>
				</view>
			</view>
			
			<!-- 招揽结果填写 -->
			<view class="solicit_result_box">
				<!-- 招揽表单信息填写 -->
				<view class="solicit_result_content">
					<!-- 本次已招揽任务 -->
					<view class="result_content_item">
						<text class="result_content_text">
							<text class="result_item_keyPoint">*</text>
							本次已招揽任务:
						</text>
						<view class="check_task">
							<checkbox-group @change="handleRelatedTaskSelect" class="check_task_detail">
								<label class="task_label" v-for="(item, index) in relatedTaskList" :key="item.id">
									<checkbox :value="item.id" :checked="false" color="#0063FF" style="transform: scale(0.6)" />
									{{ item.type }}
									<!-- 养护品营销 -->
								</label>
							</checkbox-group>
						</view>
					</view>
				
					<!-- 外拨结果 -->
					<view class="result_content_item select_box">
						<text class="result_content_text">
							<text class="result_item_keyPoint">*</text>
							外拨结果:
						</text>
						<view class="outgoing_result">
							<picker 
								@change="handleResultSelectChange" 
								class="outgoing_result_callResult" 
								:value="callResultOptionsIndex" 
								:range="callResultOptions"
								>
								<view class="uni-input">{{ callResultOptions[callResultOptionsIndex] }}</view>
							</picker>
						</view>
					</view>
				
					<!-- 客户反馈 -->
					<view v-if="callResult === '' || callResult === '请选择' ? false : true" class="result_content_item">
						<text class="result_content_text">
							<text class="result_item_keyPoint">*</text>
							客户反馈:
						</text>
						<view class="feedback_item_content">
							<view class="check_task">
								<checkbox-group class="check_task_detail" @change="handleCusFeedback">
									<!-- 外拨结果为已接通时 -->
									<view class="check_task_item" v-if="callResult === '已接通' ? true : false">
										<label class="task_label">
											<checkbox 
												value="预约时间" 
												:checked="false" 
												color="#0063FF" 
												style="transform: scale(0.6)" 
												/>
											预约时间
										</label>
									</view>
				
									<view class="check_task_item" v-if="callResult === '已接通' ? true : false">
										<label 
											class="task_label_item" 
											v-for="(item, index) in feedbackContinueResultOptions" 
											:key="index"
											>
											<checkbox 
												:value="item" 
												:checked="false" 
												color="#0063FF" 
												style="transform: scale(0.6)" 
												/>
											{{ item }}
										</label>
									</view>
				
									<view class="check_task_item" v-if="callResult === '已接通' ? true : false">
										<label 
											class="task_label_item" 
											v-for="(item, index) in feedbackFailResultOptions" 
											:key="index"
											>
											<checkbox 
												:value="item" 
												:checked="false" 
												color="#0063FF" 
												style="transform: scale(0.6)" 
												/>
											{{ item }}
										</label>
									</view>
				
									<!-- 外拨结果为未接通时 -->
									<view class="check_task_item" v-if="callResult === '未接通' ? true : false">
										<label 
											class="task_label_item" 
											v-for="(item, index) in feedbackBlockCallOptions" 
											:key="index"
											>
											<checkbox :value="item" :checked="false" color="#0063FF" style="transform: scale(0.6)" />
											{{ item }}
										</label>
									</view>
				
									<!-- 其他原因 -->
									<view class="check_task_item">
										<label class="task_label">
											<checkbox value="其他原因" :checked="false" color="#0063FF" style="transform: scale(0.6)" />
											其他原因
										</label>
									</view>
								</checkbox-group>
							</view>
						</view>
					</view>
				
					<!-- 客户反馈预约时间 -->
					<view class="result_content_item" v-if="appointTimeShow">
						<text class="result_content_text">
							<text class="result_item_keyPoint">*</text>
							预约时间:
						</text>
						<view class="result_item_select">
							<picker class="time_date" mode="date" @change="bindTimeChange" :value="date1">
								<view class="picker-text">{{ date1 }}</view>
							</picker>
							<text class="select-text">-</text>
							<picker class="concrete_time" mode="time" @change="bindDateChange" :value="date2">
								<view class="picker-text">{{ date2 }}</view>
							</picker>
						</view>
					</view>
				
					<!-- 省市区选择 -->
					<view class="result_content_item where_region_item" v-if="regionShow">
						<text class="result_content_text">
							<text class="result_item_keyPoint">*</text>
							所处区域:
						</text>
						<view class="where_region_select" @tap="openPicker">
							<text class="region_item_info">
								<text class="picker-text">{{ region }}</text>
							</text>
						</view>
					</view>
					<!-- 省市区选择 -->
					<!-- @changeClick="changeClick" -->
					<cc-selectDity 
						:province="province" 
						:city="city" 
						:area="area" 
						:show="show" 
						@changeClick="changeClick"
						@sureSelectArea="onsetCity" 
						@hideShow="onhideShow"
						>
					</cc-selectDity>
					<!-- 未告知地点 -->
					<view class="result_content_item where_region_item" v-if="regionShow">
						<text class="result_content_text"></text>
						<view class="none_know">
							<!--  -->
							<checkbox-group @change="handleNoneKnowChange">
								<label>
									<checkbox 
										color="#0063FF" 
										style="transform: scale(0.6)" 
										value="用户未告知具体用车点" 
										:checked="false" 
									/>
									用户未告知具体用车点
								</label>
							</checkbox-group>
						</view>
					</view>
				
					<!-- 其他原因填写 -->
					<view class="result_content_item" v-if="otherReasonsShow">
						<text class="result_content_text">
							<text class="result_item_keyPoint">*</text>
							其他原因:
						</text>
						<view class="solicit_results">
							<input v-model="otherReason" class="uni-input" placeholder="填写原因" />
						</view>
					</view>
				
					<!-- 是否继续招揽 -->
					<view class="result_content_item">
						<text class="result_content_text">
							<text class="result_item_keyPoint">*</text>
							是否继续招揽:
						</text>
						<view class="resume_radio">
							<radio-group @change="handleWhetherSolicitChange">
								<label class="radio">
									<radio style="transform: scale(0.6)" color="#0063FF" value="true" checked="true" />
									是
								</label>
								<label class="radio">
									<radio style="transform: scale(0.6)" color="#0063FF" value="false" />
									否
								</label>
							</radio-group>
						</view>
					</view>
				
					<!-- 下次联系时间 -->
					<view class="result_content_item" v-if="isContinue == 'true' ? true : false">
						<text class="result_content_text">
							<text class="result_item_keyPoint">*</text>
							下次联系时间:
						</text>
						<view class="next_time">
							<picker class="time_date" mode="date" @change="handleNextDateChange" :value="nextContactDate">
								<view class="picker-text">{{ nextContactDate }}</view>
							</picker>
							<text class="select-text">-</text>
							<picker class="concrete_time" mode="time" @change="handleNextDateTimeChange" :value="nextContactDateTime">
								<view class="picker-text">{{ nextContactDateTime }}</view>
							</picker>
						</view>
					</view>
				
					<!-- 招揽结果 -->
					<view class="result_content_item">
						<text class="result_content_text">
							<text class="result_item_keyPoint">*</text>
							招揽结果:
						</text>
						<view class="solicit_results">
							<picker 
								@change="handleSolicitResults" 
								class="solicit_input" 
								:value="solicitResultOptions[solicitIndex]" 
								:range="solicitResultOptions"
								>
								<view class="uni-input">{{ solicitResultOptions[solicitIndex] }}</view>
							</picker>
						</view>
					</view>
				
					<!-- 招揽备注 -->
					<view class="result_content_item solicitation_item">
						<text class="result_content_text">招揽备注:</text>
						<view class="solicitation_note">
							<view class="uni-textarea">
								<textarea style="height: 120rpx;" v-model="callRemark" class="note_texttarea" @blur="bindTextAreaBlur" />
							</view>
						</view>
					</view>
				</view>
			
				<!-- 填写跟进结果 -->
				<view class="handOut-btn">
					<button 
						@tap="wxResultSubmit"
						size="default" 
						type="default"
						class="btn"
						>
						提交结果
					</button>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	import apiRqs from '@/api/api-request.js'
	import utils from '@/utils/uitils.js'
	export default {
		data () {
			return {
				checkList: [], //本次已招揽任务-选择内容
				relatedTaskList: [], // 招揽事项
				
				callResultOptions: ['请选择', '已接通', '未接通'], // 外拨结果
				callResultOptionsIndex: 0, // 外拨结果选择下标
				callResult: '', // 外拨结果选择
				
				feedbackContinueResultOptions: [
				    '正在忙',
				    '中途挂断',
				    '未到里程',
				    '未到时间',
				    '暂不确定来店时间',
				],
				feedbackFailResultOptions: [
				    '已回厂',
				    '明确拒绝联系',
				    '外地用车',
				    '车已卖',
				    '在其他4S店维修',
				    '在其他修理店维修',
				    '打通后拒听',
				    '非本人',
				    '价格贵',
				    '服务差',
				    '距离远',
				    '不再招揽',
				],
				feedbackBlockCallOptions: [
				    '忙线',
				    '空号',
				    '错号',
				    '未接',
				    '拒接',
				    '关机',
				    '不再招揽',
				],
				
				cusFeedbackList: [], // 客户反馈已选项
				appointTimeShow: false, // 是否显示预约时间
				date1: '请选择日期', // 预约日期
				date2: '请选择时间', // 预约时间
				
				regionShow: false, // 是否显示所处区域
				region: '请选择', // 选中的省市区
				
				province: '北京',
				city: '北京市',
				area: '东城区',
				areaCode: "440106",
				show: false,
				addressData: {
				    name: '',
				    phone: '',
				    address: '',
				    moreAddres: '',
				    isdefult: 0
				},
				
				otherReasonsShow: false, // 是否显示其他原因
				otherReason: '', // 其他原因
				
				isContinue: 'true', // 是否继续招揽选中的值
				nextContactDate: '请选择日期',
				nextContactDateTime: '请选择时间',
				
				solicitResultOptions: ['请选择招揽结果', '有意向', '无意向'], // 招揽结果可选择项
				solicitIndex: 0, // 招揽结果选择下标
				solicitResult: '', // 招揽结果选择
				otherReason: '', // 其他原因
				callRemark: '', // 备注
				
				vin: '',
				taskId: '',
				taskTypeList: [],
				noneKnowInfo: [], //未告知地点选中
				
				routerPath: '', // 填写结果后返回的页面
			}
		},
		
		onLoad (options) {
			console.log('招揽结果接收到的参数', options)
			this.vin = options.vin
			this.taskId = options.taskId
			
			this.routerPath = options.routerPath || this.this.routerPath
		},
		
		watch: {
		    cusFeedbackList(newValue) {
		        if (newValue.includes('预约时间')) {
		            this.appointTimeShow = true
		        } else if (!newValue.includes('预约时间')) {
		            this.appointTimeShow = false
		        }
		
		        if (newValue.includes('外地用车')) {
		            this.regionShow = true
		        } else if (!newValue.includes('外地用车')) {
		            this.regionShow = false
		        }
		
		        if (newValue.includes('其他原因')) {
		            this.otherReasonsShow = true
		        } else if (!newValue.includes('其他原因')) {
		            this.otherReasonsShow = false
		        }
		    },
			
		},
		
		mounted() {
			this.getTaskTypeAndScript()
		},
		
		methods: {
			// 获取维系任务
			async getTaskTypeAndScript () {
				try {
					this.relatedTaskList = []
					let reqData1 = {
						taskId: this.taskId,
						vin: this.vin,
					}
			
					const res = await apiRqs.getTaskBatchList(reqData1)
					console.log('连带维系项目列表', res)
			
					const newRes = JSON.parse(JSON.stringify(res.data))
					
					const taskTypeList = newRes.map((item) => {
						if (item.taskDate) {
							item.taskDate = item.taskDate.split(' ')[0]
						}
						// if (
						// 	item.type.includes('定保') &&
						// 	this.carDayNum < 180 &&
						// 	(this.maintainTimes === 0 || this.maintainTimes === '0')
						// ) {
						// 	item.type = '首保招揽'
						// 	console.log(
						// 		'满足条件',
						// 		item.type,
						// 		this.carDayNum,
						// 		this.maintainTimes,
						// 		'定保改为首保招揽'
						// 	)
						// }
						return item.taskType
					})
			
					const updatedTasks = newRes.map((task) => {
						// if (
						// 	task.type.includes('定保') &&
						// 	this.carDayNum < 180 &&
						// 	(this.maintainTimes === 0 || this.maintainTimes === '0')
						// ) {
						// 	console.log(
						// 		'满足条件',
						// 		task.type,
						// 		this.carDayNum,
						// 		this.maintainTimes,
						// 		'定保改为首保招揽'
						// 	)
						// 	return {
						// 		...task,
						// 		type: '首保招揽'
						// 	}
						// } else {
						// 	return task
						// }
						return task
					})
			
					// updatedTasks数组中处理日期格式去除beginKeepDate属性中的时分秒
					updatedTasks.map(item => {
						if (item.beginKeepDate) {
							item.beginKeepDate = item.beginKeepDate.split(' ')[0]
						}
						return item
					})
					console.log('招揽事项updatedTasks ------', updatedTasks)
					
					this.taskTypeList = taskTypeList
					this.relatedTaskList = updatedTasks
			
					this.relatedTaskList.forEach(item => {
						// 将taskDate日期提取年份
						let date = item.taskDate.split('-')[0]
						console.log('item.taskDate', item.taskDate)
						if (date === '1753') {
							item.taskDate = item.beginKeepDate
						}
						
						// 替换属性为null的值为""
						for (let key in item) {
							if (item[key] === null) {
								item[key] = "--";
							}
						}
					})
			
					// 当招揽任务数只有 1 个时，默认选中当前任务
					// if (updatedTasks.length == 1) {
					// 	this.checkList = [updatedTasks[0].id];
					// }
			
				} catch (e) {
					console.log('获取连带维系项目列表失败', e)
				}
			},
			
			// 招揽结果选项验证
			async checkTaskInput() {
				if (this.checkList.length === 0) {
					uni.showToast({
						title: '请勾选本次已招揽任务',
						icon: 'none',
						duration: 2000,
					})
					return false
				}
	
				if (this.callResult === '' || this.callResult === '请选择') {
					uni.showToast({
						title: '外拨结果不能为空',
						icon: 'none',
						duration: 2000,
					})
					return false
				}
	
				if (this.callResult === '已接通' && this.cusFeedbackList.length === 0) {
					uni.showToast({
						title: '请选择客户反馈',
						icon: 'none',
						duration: 2000,
					})
					return false
				}
	
				// for (let i = 0; i < this.cusFeedbackList.length; i++) {
				// 	if (this.cusFeedbackList[i] === '预约时间' &&
				// 		((this.date1 === '请选择日期' || this.date1 === '') || (this.date2 === '请选择时间' || this.date2 ===
				// 			''))) {
				// 		uni.showToast({
				// 			title: '请选择预约时间',
				// 			icon: 'none',
				// 			duration: 2000,
				// 		})
				// 		return false;
				// 	}
				// }
				if ( this.cusFeedbackList.includes('预约时间') &&
						((this.date1 === '请选择日期' || this.date1 === '') || (this.date2 === '请选择时间' || this.date2 === '')) ) {
					uni.showToast({
						title: '请选择预约时间',
						icon: 'none',
						duration: 2000,
					})
					return false
				}
	
				if (this.cusFeedbackList.includes('其他原因') && this.otherReason === '') {
					uni.showToast({
						title: '请输入其他原因',
						icon: 'none',
						duration: 2000,
					})
					return false
				}
				
				if (this.cusFeedbackList.includes('外地用车') &&
					(!this.region || this.region === '请选择') && 
					!this.noneKnowInfo.includes('用户未告知具体用车点')
				) {
					uni.showToast({
						title: '请选择外地用车所处区域',
						icon: 'none',
						duration: 2000,
					})
					return false
				}
	
				if (this.isContinue == 'true' &&
					(this.nextContactDate === '请选择日期' ||
						this.nextContactDate === '' ||
						this.nextContactDateTime === '请选择时间' ||
						this.nextContactDateTime === ''
					)
				) {
					uni.showToast({
						title: '请填写下次联系时间',
						icon: 'none',
						duration: 2000,
					})
					return false
				}
	
				if (this.solicitResult === '' || this.solicitResult === '请选择招揽结果') {
					uni.showToast({
						title: '招揽结果不能为空',
						icon: 'none',
						duration: 2000,
					})
					return false
				}
	
				if (this.cusFeedbackList.includes('预约时间') && this.solicitResult != '有意向') {
					uni.showToast({
						title: '若招揽结果为无意向，无需勾选预约时间，请勾选其他反馈',
						icon: 'none',
						duration: 2000,
					})
					return false
				}
	
				if (
					this.solicitResult === '有意向' &&
					!this.cusFeedbackList.includes('预约时间') &&
					!this.cusFeedbackList.includes('已回厂') &&
					!this.cusFeedbackList.includes('车已卖') &&
					!this.isContinue
				) {
					uni.showToast({
						title: '当招揽结果为有意向时，请在预约时间与继续招揽时间中择其一填写',
						icon: 'none',
						duration: 2000,
					})
					return false
				}
				return true
			},
	
			// 维系结果提交
			async wxResultSubmit() {
				try{
					if (!(await this.checkTaskInput())) return
	
					uni.showLoading({
						title: '保存中...'
					});
	
					// 添加备注信息用车点
					if (this.cusFeedbackList.includes('外地用车') &&
						this.noneKnowInfo.includes('用户未告知具体用车点') &&
						this.callRemark !== ''
					) {
						if (this.noneKnowInfo.includes('用户未告知具体用车点')) {
							this.callRemark = this.callRemark + ', 外地用车-未告知具体用车点'
						} else {
							this.callRemark = this.callRemark + ', ' + '外地用车-' + this.region
						}
					}
	
					if (this.checkList.length > 1) {
						// 如果 checkList 大于 1，循环请求
						for (let i = 0; i < this.checkList.length; i++) {
							const reqData = this.createRequestData(this.checkList[i])
							await this.submitRequest(reqData)
							// 等待指定时间间隔
							await new Promise((resolve) => setTimeout(resolve, interval))
						}
					} 
					else if (this.checkList.length === 1) {
						// 如果 checkList 等于 1，直接请求
						const reqData = this.createRequestData(this.checkList[0])
						await this.submitRequest(reqData)
					}
	
					setTimeout( () => {
						//隐藏加载框
						uni.hideLoading();
					}, 500)
	
				}catch(e){
					uni.hideLoading();
				}
			},
	
			// 处理客户反馈数组为字符串
			getFeedbackString() {
				let feedbackString = ''
				for (let i = 0; i < this.cusFeedbackList.length; i++) {
					feedbackString += this.cusFeedbackList[i]
					if (i < this.cusFeedbackList.length - 1) {
						feedbackString += ','
					}
				}
				return feedbackString
			},
			
			createRequestData(value) {
				const reason = this.getFeedbackString()
				const reqData = {
					id: value,
					result: null,
					reason: reason,
					otherReasonWord: this.otherReasonsShow ? this.otherReason : '',
					nextKeepTime: null,
					remark: this.callRemark,
					appointmentTime: null,
					node: -13,
				}
				if (
					this.solicitResult == '有意向' &&
					this.isContinue == 'false' &&
					!reason.includes('已回厂')
				) {
					reqData.result = `成功-${this.callResult}`
					reqData.appointmentTime = this.date1 + ' ' + this.date2
					reqData.nextKeepTime = null
				} else if (
					this.solicitResult == '有意向' &&
					this.isContinue == 'false' &&
					reason.includes('已回厂')
				) {
					reqData.result = `成功-${this.callResult}`
					reqData.appointmentTime = null
					reqData.nextKeepTime = null
				} else if (this.solicitResult == '无意向' && this.isContinue == 'false') {
					reqData.result = `战败-${this.callResult}`
					reqData.appointmentTime = null
					reqData.nextKeepTime = null
				} else if (this.isContinue == 'true') {
					reqData.result = `继续-${this.callResult}`
					reqData.appointmentTime = null
					reqData.nextKeepTime = this.nextContactDate + ' ' + this.nextContactDateTime
				}
				console.log('提交的结果-------------', reqData)
				return reqData
			},
			
			// 发起维系结果请求
			async submitRequest(reqData) {
				try {
					const result = await apiRqs.submitWxResult(reqData)
					console.log('招揽结果请求result', result)
					if (result.code != 200 && result.data !== true) {
						uni.showToast({
							title: result.msg,
							icon: 'error',
							duration: 2000,
						})
						throw result // 抛出错误，终止请求
						return false
					}
					
					// 预留位置，进行跳转到任务页面 ，完成后
					if(this.routerPath !== '') {
						uni.redirectTo({
							url: this.routerPath, // 跳转回起始任务列表
						})
					}
					else {
						uni.navigateBack({
							delta: 2, // 返回上两个页面
						})
					}
					
					
				} catch (error) {
					console.error('Error during request:', error)
					throw error // 抛出错误，终止请求
				}
			},
			
			
			// 监听招揽结果填写中本次已招揽任务
			handleRelatedTaskSelect(event) {
			    // console.log('本次已招揽任务选择内容', event.detail.value)
			    this.checkList = event.detail.value
			    console.log('checkList', this.checkList)
			},
			
			handleResultSelectChange(event) {
			    // 每次切换将预约时间、外地用车、其他原因输入框隐藏
			    // this.otherReasonsShow = false
			    this.regionShow = false
			    this.appointTimeShow = false
			
			
			    this.callResultOptionsIndex = event.detail.value
			    this.callResult = this.callResultOptions[event.detail.value]
			    console.log('外拨结果的选择', this.callResult)
			},
			
			// 监听客户反馈的选择
			handleCusFeedback(event) {
			    this.cusFeedbackList = event.detail.value
			    console.log('客户反馈array', this.cusFeedbackList)
			},
			
			bindTimeChange(event) {
			    this.date1 = event.detail.value
			},
			bindDateChange(event) {
			    this.date2 = event.detail.value
			},
			
			openPicker() {
			    this.show = true
			},
			
			// 打开省市区选择器
			openPicker() {
			    this.show = true
			},
			// 关闭省市区选择器
			onhideShow() {
			    this.show = false
			},
			//选中省市区
			onsetCity(e) {
				console.log('选中省市区', e)
			    let data = e.detail.target.dataset
			    let region = data.province + ' ' + data.city + ' ' + data.area
			    this.show = false
			
			    this.region = region
			    console.log('选择的省市区', this.region)
			},
			// 地址选择
			changeClick(value, value2, value3, value4) {
				console.log('地址选择器 = ' + value + value2 + value3 + value4);
				this.province = value;
				this.city = value2;
				this.area = value3;
				this.areaCode = value4;
			},
			
			// 监听未告知地点选择
			handleNoneKnowChange(event) {
			    this.noneKnowInfo = event.detail.value
			    console.log('用车点', this.noneKnowInfo)
			},
			
			// 监听是否继续招揽选择
			handleWhetherSolicitChange(event) {
			    this.isContinue = event.detail.value
			    console.log('是否继续招揽选择', this.isContinue)
			},
			
			handleNextDateChange(event) {
			    this.nextContactDate = event.detail.value
			},
			handleNextDateTimeChange(event) {
			    this.nextContactDateTime = event.detail.value
			},
			
			// 招揽结果的选择
			handleSolicitResults(event) {
			    this.solicitIndex = event.detail.value
			    this.solicitResult = this.solicitResultOptions[this.solicitIndex]
			    console.log('结果的选择', this.solicitResult)
			},
			
			bindTextAreaBlur(event) {
			    console.log(event.detail.value)
			},
			
		},
		
	}
	
</script>

<style lang="less" scoped>
	.result_box {
		padding: 24rpx;
		// height: calc(100% - 48rpx);
		// background-color: #f7f8fa;
		background-image: url('../../static/byd-img/jiaoji@1x.png');
		background-repeat: no-repeat;
		background-position: top center; /* 将背景图位置设置为顶部居中 */
		background-size: contain; /* 根据不同宽度适配图片宽
		bottom: constant(safe-area-inset-bottom);
		bottom: env(safe-area-inset-bottom);
		
		/* 公共样式-内外边距、背景色、边框弧度 */
		.utils_patternOne {
			margin-bottom: 32rpx;
			padding: 24rpx;
			border-radius: 16rpx;
			background-color: #fff;
		}
		
		/* 公共样式-区块标题 */
		.utils_title {
			display: flex;
			justify-content: space-between;
			align-items: center;
			// margin-bottom: 24rpx;
			
			.title_text {
				position: relative;
				font-size: 32rpx;
				font-weight: 500;
				color: #1D2129;
				.title_left_text {
					margin-left: 24rpx;
				}
				.tips {
					position: absolute;
					top: 10rpx;
					left: 0;
					border-radius: 8rpx;
					width: 8rpx;
					height: 24rpx;
					background: #0063FF;
				}
			}
			
			.right_text_title {
				font-size: 24rpx;
				color: #86909C;
			}
		}
		
		.result_content {
			display: flex;
			flex-direction: column;
			margin-bottom: 180rpx;
			
			.solicit_result_box {
				margin-top: 24rpx;
			    background-color: #fff;
			    border-radius: 16rpx;
			}
			
			/* 招揽结果填写 */
			.solicit_result_box {
			    .solicit_result_content {
			        font-size: 28rpx;
			        color: #000;
			
			        .result_content_item {
			            display: flex;
			            margin-top: 32rpx;
			
			            &:first-child {
			                margin-top: 0;
			            }
			
			            .result_content_text {
			                margin-top: 8rpx;
			                margin-right: 20rpx;
			                white-space: nowrap;
			
			                .result_item_keyPoint {
			                    margin-right: 5rpx;
			                    color: #c9000f;
			                }
			            }
			
			            // 是否继续招揽radio
			            .resume_radio {
			                display: flex;
			                align-items: center;
			
			                .radio {
			                    margin-right: 40rpx;
			
			                    &:last-child {
			                        margin-right: 0;
			                    }
			                }
			            }
			
			            // 预约日期时间
			            .result_item_select {
			                display: flex;
			                // justify-content: center;
			                align-items: center;
			                flex: 1;
			
			                .time_date,
			                .concrete_time {
			                    flex: 0.5;
			                    padding: 10rpx 20rpx;
			                    border: 2rpx solid #e2e2e2;
			                    border-radius: 8rpx;
			                    text-align: center;
			                }
			
			                .select-text {
			                    margin: 0 20rpx;
			                }
			            }
			
			            // 外拨结果选择框
			            .outgoing_result,
			            .solicit_results {
			                flex: 1;
			                padding: 10rpx 20rpx;
			                border: 2rpx solid #e2e2e2;
			                border-radius: 8rpx;
			            }
			
			            // 下次联系时间
			            .next_time {
			                display: flex;
			                flex: 1;
			                align-items: center;
			
			                .time_date,
			                .concrete_time {
			                    flex: 0.5;
			                    padding: 10rpx 20rpx;
			                    border: 2rpx solid #e2e2e2;
			                    border-radius: 8rpx;
			                    text-align: center;
			                }
			
			                .select-text {
			                    margin: 0 10rpx;
			                }
			            }
			
			            .feedback_item_content {
			                .check_task {
			                    display: flex;
			                    align-items: center;
			
			                    .check_task_detail {
			                        .task_label {
			                            font-weight: 400;
			                        }
			
			                        .check_task_item {
			                            display: flex;
			                            align-items: center;
			                            flex-wrap: wrap;
			
			                            .task_label_item {
			                                margin: 0 10rpx 20rpx 0;
			                            }
			                        }
			                    }
			                }
			            }
			
			            .check_task {
			                .check_task_detail {
			                    display: flex;
			                    align-items: center;
			                    flex-wrap: wrap;
			
			                    .task_label {
			                        margin: 0 20rpx 20rpx 0;
			                        // color: #C9000F;
			                        // font-weight: 600;
			                    }
			                }
			            }
			
			            // 招揽备注
			            .solicitation_note {
			                flex: 1;
			
			                .uni-textarea {
			                    flex: 1;
			
			                    .note_texttarea {
			                        padding: 10rpx 20rpx;
			                        border: 2rpx solid #e2e2e2;
			                        border-radius: 8rpx;
			                        width: calc(100% - 45rpx);
			                    }
			                }
			            }
			        }
			
			        // 所处区域
			        .where_region_item {
			            margin-top: 40rpx;
			
			            .where_region_select {
			                flex: 1;
			                padding: 10rpx 20rpx;
			                border: 2rpx solid #e2e2e2;
			                border-radius: 8rpx;
			            }
			
			            // 未告知用车点
			            .none_know {
			                margin: -10rpx 0 30rpx 105rpx;
			            }
			        }
			
			        // 招揽备注
			        .solicitation_item {
			            margin-left: 10rpx;
			        }
			
			        .select_box {
			            display: flex;
			            align-items: center;
			        }
			    }
			
				/* 跟进结果填写按钮 */
				.handOut-btn {
					position: fixed;
					left: 0;
					bottom: constant(safe-area-inset-bottom);
					bottom: env(safe-area-inset-bottom);
					margin: 0 24rpx 0rpx 24rpx;
					width: calc(100% - 48rpx);
					
					.btn {
						background-color: #0063FF;
						color: #fff;
						font-size: 32rpx;
						font-weight: 600;
					}
				}
				
				
			
			}
			
		}
		
	}
	
</style>